import styles from './index.module.less';
import bgImg from '../../../assets/15.jpg';

const Home = () => {
  return (
    <div className={styles.wrap} id='home'>
      <div className={styles.content_wrap}>
        <div className={styles.content}>
          <div className={styles.title}>We provide IoT intelligence and AI-<br/>driven digital operation solutions for brands.</div>
          <div className={styles.desc}>
            <div>Assist brands in developing standard BLE/CAN protocols</div>
            <div>From white-label apps to fully customized brand-specific apps</div>
            <div>From SaaS-based IoT platforms to bespoke private IoT systems for brands</div>
            <div>Support multiple device types including BLE license, Bluetooth cloud modules, and 4G IoT</div>
            <div>Globally compliant deployment with data security protection</div>
          </div>
        </div>
      </div>
      <img className={styles.bg} src={bgImg} />
    </div>
  );
};

export default Home;